<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
<nz-card>
  <nz-tabset [nzTabBarExtraContent]="extraTemplete" (nzSelectChange)="change($event)">
    <nz-tab nzTitle="全部文件"></nz-tab>
    <nz-tab nzTitle="我的文件"></nz-tab>
    <nz-tab nzTitle="未接收文件"></nz-tab>
  </nz-tabset>
  <ng-template #extraTemplete>
    <nz-dropdown >
        <button nz-button nz-dropdown>添加文件<i class="anticon anticon-down"></i></button>
        <ul nz-menu>
          <li nz-menu-item>
            <a (click)="gotoAdd()"><i class="anticon anticon-plus"></i> 添加</a>
          </li>

        </ul>
    </nz-dropdown>

  </ng-template>

  <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="8">
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入文件名称" [(ngModel)]="q.fileName" name="fileName">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入备注" [(ngModel)]="q.fileRemark" name="fileRemark">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <!--<nz-col nzMd="4" nzSm="24">-->
        <!--<nz-form-item>-->
          <!--<nz-form-control>-->
            <!--<input type="text" nz-input placeholder="输入身份证号" [(ngModel)]="q.cusIncard" name="cusMobile">-->
          <!--</nz-form-control>-->
        <!--</nz-form-item>-->
      <!--</nz-col>-->
        <nz-col nzMd="3" nzSm="24">
            <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </nz-col>
    </nz-row>
  </form>
</nz-card>

<simple-table #st
    [columns]="columns"
    [data]="url"
    [ps]="ps"
    [extraParams]="q"
    [resReName]="{ total: 'total', list: 'data'}"
    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
    toTopInChange
    [showTotal]="true"
    [showPagination]="true"
    [showSizeChanger]="true"
    (checkboxChange)="checkboxChange($event)"
    >
</simple-table>

</nz-spin>
